<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="css/创建商机信息.css">
<body>
<header>
    <nav>
        <div class="logo">
            <span>客户资源信息</span>管理后台
        </div>
        <ul class="management">
            <li><span>&#xe661;</span>权限管理</li>
            <li><span>&#xe659;</span>用户列表</li>
            <li><span>&#xe68d;</span>系统日志</li>
        </ul>
        <ul class="management">
            <li><span class="ponum">&#xe65f;</span>在线人数</li>
            <li class="msgbtn">
                <span class="message">&#xe650;</span>系统消息
                <div class="newmsg" id="newmsg">
                    <div><span>最新消息</span><span class="down">&#xe600;</span></div>
                    <ul>
                        <li>【版本更新】书链管理后台1.3版<span>09-12</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-11</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-10</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-09</span></li>
                        <li>【版本更新】书链管理后台1.3版<span>09-08</span></li>
                    </ul>
                </div>
            </li>
            <li><span>&#xe620;</span>用户<span>&#xe65c;</span></li>
        </ul>
    </nav>
</header>
<div class="bigbox">
    <div class="sidebar">
        <ul>
            <li class="home"><span>&#xe60c;</span><a href="javascript:;">首页</a></li>
            <li><span>&#xe659;</span><a href="javascript:;">机构管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">信息管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">商机管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">产品管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">合同管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">日志管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">预约管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">售后管理</a></li>
            <li class="li-list"><span>&#xe775;</span><a href="javascript:;">任务清单</a></li>
            <li><span>&#xe620;</span><a href="javascript:;">员工管理</a></li>
            <li><span>&#xe64b;</span><a href="javascript:;">资料库管理</a></li>
            <li><span>&#xe60d;</span><a href="javascript:;">系统对接管理</a></li>
            <li><span>&#xe60a;</span><a href="javascript:;">统计分析</a></li>
            <li><span>&#xe659;</span><a href="javascript:;">用户管理</a></li>
            <li><span>&#xe65e;</span><a href="javascript:;">系统配置</a></li>
            <li><span>&#xe611;</span><a href="javascript:;">系统日志</a></li>
            <li><span>&#xe647;</span><a href="javascript:;">安全退出</a></li>
        </ul>
    </div>
    <div class="box-right">
        <div class="rig-con">
            <h2>创建商机信息</h2>

            <form action="">
                <table>
                    <caption>
                        <p class="p1">
                            <span class="sp1">基本信息</span>
                            <span class="sp2">注: 带有"*"必填项</span>
                        </p>
                    </caption>
                    <tr>
                        <td>机构名称:</td>
                        <td><input class="inp2" type="text" name="" required><a href="#" class="ca">查询 </a><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>机构地址:</td>
                        <td><input class="inp1" type="text" name="" required><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>联系人:</td>
                        <td><input class="inp3" type="text" name="" required><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>手机:</td>
                        <td><input class="inp3" type="text" name="" required><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>电话:</td>
                        <td><input class="inp3" type="text" name="" required><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>国家:</td>
                        <td>
                            <select class="inp3" name="nation">
                                <option value="中国">中国</option>
                                <option value="海外">海外</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>省份:</td>
                        <td>
                            <select class="inp3" name="province" required>
                                <option value="北京市">北京市</option>
                                <option value="河南省">河南省</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>市名:</td>
                        <td>
                            <select class="inp3" name="city" required>
                                <option value="全部">全部</option>
                                <option value="郑州市">郑州市</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>邮箱:</td>
                        <td><input class="inp3" type="email"></td>
                    </tr>
                    <tr>
                        <td>网站:</td>
                        <td><input class="inp1" type="text" name=""></td>
                    </tr>
                    <tr>
                        <td>机构级别:</td>
                        <td>
                            <select class="inp4" name="organization" required>
                                <option value="党政">党政</option>
                                <option value="企业">企业</option>
                                <option value="学校">学校</option>
                                <option value="政府">政府</option>
                                <option value="其他">其他</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>行业类别:</td>
                        <td>
                            <select class="inp4" name="profession" required>
                                <option value="党政军企">党政军企</option>
                                <option value="高职高专">高职高专</option>
                                <option value="211高校">211高校</option>
                                <option value="民办独立">民办独立</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>重要级别:</td>
                        <td>
                            <select class="inp4" name="significance" required>
                                <option value="一般">一般</option>
                                <option value="重要">重要</option>
                                <option value="很重要">很重要</option>
                                <option value="非常重要">非常重要</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>单位等级:</td>
                        <td>
                            <select class="inp4" name="unit" required>
                                <option value="一级">一级</option>
                                <option value="二级">二级</option>
                                <option value="三级">三级</option>
                                <option value="四级">四级</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>区域等级:</td>
                        <td>
                            <select class="inp4" name="area" required>
                                <option value="省级">省级</option>
                                <option value="市级">市级</option>
                                <option value="区级">区级</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                </table>
                <table>
                    <caption>
                        <p class="p1">
                            <span class="sp1">其他信息</span>
                        </p>
                    </caption>
                    <tr>
                        <td>经办人:</td>
                        <td><input class="inp3" type="text" name="" required><span class="spx">*</span></td>
                    </tr>
                    <tr>
                        <td>年费:</td>
                        <td><input class="inp4" type="text" name="">
                            <sapn>万</sapn>
                        </td>
                    </tr>
                    <tr>
                        <td>电子资源经费:</td>
                        <td><input class="inp4" type="text" name="">
                            <sapn>万</sapn>
                        </td>
                    </tr>
                    <tr>
                        <td>采购时间:</td>
                        <td><input class="inp4" type="date" name=""></td>
                    </tr>
                    <tr>
                        <td>采购级别:</td>
                        <td>
                            <select class="inp4" name="cGrade">
                                <option value="不确定">不确定</option>
                                <option value="重要">重要</option>
                                <option value="一般">一般</option>
                                <option value="跟进">跟进</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>采购方式:</td>
                        <td>
                            <select class="inp4" name="cMode">
                                <option value="不确定">不确定</option>
                                <option value="单独采摘">单独采摘</option>
                                <option value="联合采摘">联合采摘</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>采购途径:</td>
                        <td>
                            <select class="inp4" name="cWay">
                                <option value="不确定">不确定</option>
                                <option value="直接采摘">直接采摘</option>
                                <option value="招标采摘">招标采摘</option>
                                <option value="代理采摘">代理采摘</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>分配情况:</td>
                        <td>
                            <select class="inp4" name="fCase" required>
                                <option value="未分配">未分配</option>
                                <option value="已分配">已分配</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>审核状态:</td>
                        <td>
                            <select class="inp4" name="audit" required>
                                <option value="未审核">未审核</option>
                                <option value="审核中">审核中</option>
                                <option value="已审核">已审核</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>跟进状态:</td>
                        <td>
                            <select class="inp4" name="followUp" required>
                                <option value="初访">初访</option>
                                <option value="意向">意向</option>
                                <option value="潜在">潜在</option>
                                <option value="报价">报价</option>
                                <option value="成交">成交</option>
                                <option value="暂时搁置">暂时搁置</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>阶段状态:</td>
                        <td>
                            <select class="inp4" name="stage" required>
                                <option value="初步接洽">初步接洽</option>
                                <option value="需求确定">需求确定</option>
                                <option value="方案/报价">方案/报价</option>
                                <option value="谈判/合同">谈判/合同</option>
                                <option value="赢单">赢单</option>
                            </select>
                            <span class="spx">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>商机提醒: </td>
                        <td>
                            <input type="radio" name="warn" value="是" checked="checked">是
                            <input type="radio" name="warn" value="否">否
                        </td>
                    </tr>
                    <tr>
                        <td>备注信息: </td>
                        <td><textarea name="remark" cols="100" rows="10"></textarea></td>
                    </tr>
                    <tr>
                        <td>添加标签: </td>
                        <td>
                            <input type="text" name="">
                            <button>+</button>
                        </td>
                    </tr>
                </table>
                <p class="p2">
                    <input class="btn" type="submit" value="确定">
                    <button class="btn btns">取消</button>
                </p>
            </form>
        </div>
    </div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
<script>
    let msgbtn = document.querySelector('.msgbtn')
    let down = document.querySelector('.down')
    let newmsg = document.querySelector('.newmsg')

    down.onclick = function(e) {
        newmsg.style.display = 'none'
        e.stopPropagation()
    }
    msgbtn.onclick = function() {
        newmsg.style.display = 'block'
    }
</script>
</body>
</html>
